$(document).ready(function(){
	
	/*时间轴*/
	$(".aa").click(function(){
					var width=$(window).width();
					console.log("窗口的宽度"+width);
					var wrie_width=$(".wrie").width();
					console.log("线的宽度wrie_width：" +wrie_width);
					var oMargin=(width- wrie_width)/2; 
					console.log("窗口的宽度，减去线的宽度除以2："+oMargin);
					/*获取浏览器除去父级元素里面的宽后的两个外边距*/
					var piont = $(this).offset().left;
					console.log("点击小圆圈离左边的距离point："+piont); 
					
					var pointMargin=piont-oMargin;/*得到该移动的距离*/
					console.log("移动距离left的宽度pointMargin："+pointMargin)
					$(".new").stop().animate({
						left:pointMargin+"px"
		})
})
})
//点击让指定的内容出现在显示框的内容框中
$(document).ready(function(){
	$(".a1").click(function(){
		$(".son_box3").show();
		$(".son_box1").hide();
		$(".son_box2").hide();
		$(".son_box4").hide();
	})
	$(".a2").click(function(){
		$(".son_box1").show();
		$(".son_box3").hide();
		$(".son_box2").hide();
		$(".son_box4").hide();
	})
	$(".a3").click(function(){
		$(".son_box2").show();
		$(".son_box1").hide();
		$(".son_box3").hide();
		$(".son_box4").hide();
	})
	$(".a4").click(function(){
		$(".son_box4").show();
		$(".son_box1").hide();
		$(".son_box2").hide();
		$(".son_box3").hide();
	})
})

$(document).ready(function(){
	/*弹框显示设置*/
	$(".right").click(function(){
		$(".pop4").show();
	});
	/*点击关闭弹框 */
	$(".close").click(function(){
		$(".pop").hide();
	})
	$("#call_off").click(function(){
		$(".pop").hide();
	})
	$(".call_off").click(function(){
		$(".pop").hide();
	})
	$(".call_up").click(function(){
		$(".pop").hide();
	})
})
/*点击各个指定的按钮，显示弹框*/
$(document).ready(function(){
	$("#photo").click(function(){
		$(".pop1").show();
	})
	$(".edit").click(function(){
		$(".pop2").show();
	})
	$(".add").click(function(){
		$(".pop3").show();
	})
	$(".chage").click(function(){
		$(".pop3").show();
	})
	$("move").click(function(){
		$(".receive_box2").remove();
	})
})


